<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head th:replace="/pc/common::head(~{::custom_settings})">
		<th:block th:fragment="custom_settings">
			<title>区域导入</title>
			<style type="text/css">
				.mini-fitboxs {
					text-align: left;
				}
				.mini-fitboxs input[type=file] {
					display: none;
				}
				.mini-fitboxs .wrap-row {
					margin-left: 20px;
					margin-top: 10px;
				}
				.mini-fitboxs .wrap-row label {
					width: 65px;
					text-align: right;
					display: inline-block;
				}
				.mini-fitboxs .wrap-row label.top {
					vertical-align: top;
				}
				.mini-fitboxs .wrap-row .search-textbox {
					display: inline-block;
				}
				
				.mini-fitboxs .wrap-row .search-textbox input {
					cursor: pointer;
				}
				.mini-fitboxs .wrap-row .description {
					width: 300px;
					display: inline-block;
				}
			</style>
		</th:block>
	</head>
	<body>
		<div class="mini-fitboxs">
		    <input id="file" type="file" accept=".txt"/>
		    <div class="wrap-row">
				<label>导入表：</label><div id="filename" class="search-textbox" editabled="false" width="300" height="26" placeHolder="双击选择导入表"></div>
			</div>
			<div class="wrap-row">
				<label class="top">导入说明：</label><div class="description">一个区域占一行，格式如下：<br/>[从0开始的层级编号],[区域名称],[区域编码]</div>
			</div>
	    </div>
	    <div class="org-btn">
		    <input class="org-save" type="button" onclick="onConfirmClick()" value="确定">
		    <input class="org-close" type="button" onclick="window.closeWindow();" value="关闭">
		</div>
		<script type="text/javascript" th:src="@{{js}/pc/area/areasImportHandler.js(js=${js})}"></script>
	</body>
</html>
